// cover some element-ui styles

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  color: #fff;
  font-weight: 400 !important;
}

.el-upload {
  border: 1px dashed #ccc;
  input[type="file"] {
    display: none !important;
  }
}
.avue-upload--list .el-upload:hover {
  border-color: #409eff;
}

.el-upload__input {
  display: none;
}

.el-button {
  &--primary {
    background-color: #3f7dff;
  }
}

// to fixed https://github.com/ElemeFE/element/issues/2461
.el-dialog {
  transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
  // background-color: rgba(34, 58, 115, 1);
}
.el-dialog__body {
  background-color: transparent;
}
.el-dialog__title {
  // color: #fff;
}
.el-dialog__headerbtn .el-dialog__close {
  // color: #fff;
}
.el-dialog__body {
  color: #fff;
}
.el-checkbox {
  color: #fff;
}
// refine element ui upload
.upload-container {
  .el-upload {
    width: 100%;

    .el-upload-dragger {
      width: 100%;
      height: 200px;
    }
  }
}
.el-message-box {
  background-color: rgba(34, 58, 115, 1);
  border: none;
}
.el-message-box__title {
  color: #fff;
}
.el-message-box__headerbtn .el-message-box__close {
  // color: #fff;
}
.el-message-box__content {
  color: #fff;
}

// dropdown
.el-dropdown-menu {
  a {
    display: block;
  }
}

.el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: rgba(63, 125, 255, 0.35);
}

.el-table--enable-row-hover .el-table__body tr:hover > td .cell {
  color: #fff !important;
}
// to fix el-date-picker css style
.el-range-separator {
  box-sizing: content-box;
}
